<script type="text/javascript">
    $(document).ready(function(){
        $(".img-designer-thumb").click(function () { 
            src = $(this).attr("src");
            $("#active_photo").attr("src",src);
        });
    });
</script>
<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=151390271591966";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="content">
    <div id="left-box">
        
    </div>
    <div id="designers-container">
        <div id="designer-breadcumb">
            <h1>
                <table>
                    <tr>
                        <td style="line-height: 20px;">
                            designer - 
                        </td>
                        <td style="line-height: 20px;padding-left: 10px;">
                            <span id="db-name"><?php echo $designer->nick_name;?></span>
                            <br/>
                            <span>This designer isn't comissioned by After Idea.</span>
                        </td>
                    </tr>
                </table>
            </h1>
        </div>
        <div id="designer-container">
            <div id="designer-slider">
                <table id="designer-slider-table">
                    <tr>
                        <td>
                            <div id="designer-photo">
                                <div id="designer-photo-active">
                                    <?php if($designer->photo->num_rows() > 0):?>
                                    <img data-pin-hover="true" id="active_photo" src="<?php echo base_url();?>photo/designers/<?php echo $designer->photo->first_row()->link;?>"/>
                                    <?php endif;?>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div id="designer-photo-list">
                                <?php foreach($designer->photo->result() as $p):?>
                                <div class="designer-photo-thumb">
                                    <img class="img-designer-thumb" src="<?php echo base_url();?>photo/designers/<?php echo $p->link;?>" />
                                </div>
                                <?php endforeach;?>
                            </div>
                        </td>
                    </tr>
                </table>                
            </div>
            <table id="designer-info">
                <tr>
                    <td>
                        <div id="designer-story">
                            <p>
                                <?php echo $designer->description;?>
                            </p>
                        </div>
                    </td>
                    <td>
                        <div id="designer-detail">
                            <table>
                                <tr>
                                    <td class="dd-left">Name</td>
                                    <td class="dd-middle">:</td>
                                    <td><?php echo $designer->full_name;?></td>
                                </tr>
                                <!--
                                <tr>
                                    <td class="dd-left">Born</td>
                                    <td> : </td>
                                    <td><?php echo date("d F Y",strtotime($designer->birthdate));?></td>
                                </tr>
                                -->
                                <tr>
                                    <td class="dd-left">Nationality</td>
                                    <td> : </td>
                                    <td><?php echo $designer->nationality_title;?></td>
                                </tr>
                                <!--
                                <tr>
                                    <td class="dd-left">Sex</td>
                                    <td> : </td>
                                    <td><?php echo ($designer->gender=='M')?'Male':'Female';?></td>
                                </tr>
                                -->
                            </table>
                        </div>
                        <?php if(trim($designer->contact1)!="" || trim($designer->contact2)!=""):?>
                        <div id="designer-contact">
                            <p>Contact</p>
                            <?php if(trim($designer->contact1)!=""):?>
                            <p><?php echo $designer->contact1;?></p>
                            <?php endif;?>
                            <?php if(trim($designer->contact2)!=""):?>
                            <p><?php echo $designer->contact2;?></p>
                            <?php endif;?>
                        </div>
                        <?php endif;?>
                        <?php if(trim($designer->website1)!="" || trim($designer->website2)!=""):?>
                        <div id="designer-web">
                            <p>Website</p>
                            <?php if(trim($designer->website1)!=""):?>
                            <p><?php echo $designer->website1;?></p>
                            <?php endif;?>
                            <?php if(trim($designer->website2)!=""):?>
                            <p><?php echo $designer->website2;?></p>
                            <?php endif;?>
                        </div>
                        <?php endif;?>
                    </td>
                </tr>
            </table>
            <div class="_blank" style="height: 50px;"></div>
            <div id="social-links-wrap">
                <div id="social-twitter">
                    <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                </div>
                <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="_blank" style="height: 20px;"></div>
    </div>
    <div class="clear"></div>
    <?php $this->load->view('footer_v');?>
</div>